*{
    margin:0;
    padding:0;
    list-style: none;
}
.img{
    vertical-align: middle;
}
.fl{
    float:left;
}
.fr{
    float:right;
}
.clearfix:after{
    display:table;
    content:"";
    clear:both;
}
.banner img{
    width:100%;
    margin-top: -2px;
}
.section1 img{
    width:100%;
}
.section2 img{
    width:100%;
}
.section3 img{
    width:100%;
}

.section1{
    padding-top: 150px;
}
.section2,.section3{
    padding-top: 40px;
}
.more{
    padding:10px;
    font-size:18px;
    border:1px solid #01b08e;
    margin:40px auto;
    width:74px;
}
.more a{
    color:#01b08e;
    text-decoration: none;
}
.more:hover{
    background: #01b08e;
}
.more:hover a{
    color:white;
}
.banner{
    position: relative;
}
.nav2{
    position: absolute;
    bottom:-89px;
    left:32%;
}